.wallet-info-page {
	background-color: #f8f8f8;
	height: 100%;
	padding-bottom: 0.58rem;
	position: relative;
	box-sizing: border-box;

	.content {
		//padding-top: $fontSize8;
		background-color: #f8f8f8;

		.top-div {
			width: 100%;
			//height: 7.54rem;
			background: linear-gradient(
				360deg,
				rgba(149, 222, 157, 0) 0%,
				rgba(92, 186, 100, 1) 100%
			);
			padding-top: 0.7rem;
			box-sizing: border-box;
			margin-bottom: 0.34rem;

			.top-content {
				width: 6.9rem;
				box-shadow: 0px 0.04rem 0.22rem 0px rgba(0, 0, 0, 0.06);
				border-radius: 0.08rem;
				margin: 0 auto;
				position: relative;
				box-sizing: border-box;

				.line-1 {
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.06);
					border-radius: 0.08rem;
					height: 3.88rem;
					padding-top: 0.6rem;
					box-sizing: border-box;
					.line-1-1 {
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: center;
						width: 100%;
						.item {
							flex: 1;
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
							text-align: center;
							.item-1 {
								width: 100%;
								height: 0.42rem;
								font-size: 0.3rem;
								font-weight: 600;
								color: rgba(136, 136, 136, 1);
								line-height: 0.42rem;
							}
							.item-2 {
								width: 100%;
								height: 1.26rem;
								font-size: 0.9rem;
								font-weight: 600;
								color: rgba(51, 51, 51, 1);
								line-height: 1.26rem;
								letter-spacing: 1px;
							}
							.t-2 {
								width: 100%;
								height: 1.26rem;
								font-size: 0.4rem;
								color: rgba(51, 51, 51, 1);
								line-height: 1.26rem;
							}
						}
					}

					.line-1-2 {
						width: 100%;
						display: flex;
						flex-direction: row;
						justify-content: space-around;
						margin-top: 0.44rem;

						.item {
							min-width: 1.92rem;
							height: 0.56rem;
							background: rgba(64, 177, 93, 0.1);
							border-radius: 0.28rem;
							text-align: center;
							line-height: 0.56rem;
							color: #545454;
						}
					}
				}

				.line-2 {
					width: 100%;
					height: 3.02rem;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 0.04rem 0.22rem 0px rgba(0, 0, 0, 0.06);
					border-radius: 0.08rem;
					margin-top: 0.2rem;
					padding-top: 0.44rem;
					box-sizing: border-box;
					.line-2-1 {
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: center;
						width: 100%;

						.item {
							flex: 1;
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
							text-align: center;
							.item-1 {
								width: 100%;
								height: 0.42rem;
								font-size: 0.3rem;
								font-weight: 600;
								color: #545454;
								line-height: 0.42rem;
							}
							.item-2 {
								width: 100%;
								height: 0.36rem;
								font-size: 0.26rem;
								font-weight: 400;
								color: #888888;
								line-height: 0.36rem;
								margin-top: 0.06rem;
							}
						}
					}

					.line-2-2 {
						width: 3.98rem;
						height: 0.36rem;
						display: flex;
						flex-direction: row;
						justify-items: center;
						align-items: center;
						margin: 0.3rem auto 0;
						.circle {
							width: 0.36rem;
							height: 0.36rem;
							background: rgba(64, 177, 93, 0.1);
							border-radius: 0.18rem;
							border: 0.02rem solid rgba(64, 177, 93, 1);
							box-sizing: border-box;
						}
						.line {
							width: 3.1rem;
							height: 0.02rem;
							background: rgba(227, 227, 227, 1);
							margin: 0 0.08rem;
						}
					}

					.line-2-3 {
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: center;
						height: 0.36rem;
						font-size: 0.26rem;
						font-weight: 500;
						color: rgba(136, 136, 136, 1);
						line-height: 0.36rem;
						margin-top: 0.18rem;
						.item {
							flex: 1;
							text-align: center;
						}
					}
				}

				.line-3 {
					width: 100%;
					min-height: 3.98rem;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 0.04rem 0.22rem 0px rgba(0, 0, 0, 0.06);
					border-radius: 0.08rem;
					margin-top: 0.2rem;
					box-sizing: border-box;

					.item {
						display: flex;
						flex-direction: column;
						justify-content: center;
						//height: 100%;
						padding-left: 0.35rem;
						padding-top: 0.34rem;

						flex-wrap: wrap;
						.item-line {
							flex: 1;
							//height: 0.56rem;
							font-size: 0.26rem;
							font-weight: 400;
							color: #545454;
							margin-bottom: 0.3rem;
							display: flex;
							flex-direction: row;
							//align-items: center;
							padding-right: 0.2rem;
							overflow: hidden;
							.item-title {
								min-width: 0.4rem;
								line-height: 0.4rem;
							}
							span {
								flex: 1;
								color: #888888;
								line-height: 0.4rem;
							}
						}
					}

					.am-tabs-default-bar-top .am-tabs-default-bar-underline,
					.am-tabs-default-bar-bottom .am-tabs-default-bar-underline {
						width: 20% !important;
					}
					.am-tabs-tab-bar-wrap::after {
						height: 1px;
						background-color: unset;
					}
					.am-tabs-default-bar-top .am-tabs-default-bar-tab {
						width: 25% !important;
						color: #c9c9c9;
						font-size: 0.3rem;
						margin-right: 0.2rem;
					}
					.am-tabs-default-bar-top .am-tabs-default-bar-content,
					.am-tabs-default-bar-bottom .am-tabs-default-bar-content {
						border-bottom: 1px solid #ddd;
						padding: 0 0.42rem;
					}
					.am-tabs-default-bar-underline {
						border: 1px #40b15d solid;
					}
				}
			}
		}
	}

	.page-bottom {
		width: 100%;
		height: auto;
		//position: absolute;
		bottom: 0.16rem;

		.tips-1 {
			width: 100%;
			height: 0.44rem;
			font-size: 0.24rem;
			font-weight: 400;
			color: rgba(80, 145, 255, 1);
			line-height: 0.54rem;
			text-align: center;
		}

		.tips-2 {
			width: 100%;
			height: 0.54rem;
			font-size: 0.24rem;
			font-weight: 400;
			color: #888888;
			line-height: 0.44rem;
			text-align: center;
		}
	}
}
